$(function () {
    $(window).scroll(function () {  //只要窗口滚动,就触发下面代码
        var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //获取滚动后的高度
        if (scrollt > 10) {
            $("#back_top").fadeIn(400); //淡入
        } else {
            $("#back_top").stop().fadeOut(400); //如果返回或者没有超过,就淡出.必须加上stop()停止之前动画,否则会出现闪动
        }
    });
    $("#back_top").click(function () { //当点击标签的时候,使用animate在200毫秒的时间内,滚到顶部
        $("html,body").animate({scrollTop: "0px"}, 200);
    });
});


let content=$.cookie("userId")
let masterId=$.cookie("masterId")
// let userName=$.cookie("userName")
    let userIcon=$.cookie("userIcon")
jQuery(function () {
    jQuery.post("/demo/search",{"userId":masterId,"blogId":-1}, function (rst) {
        let trs = '';
        let temp='';

//         temp+=`
//                <div>
//                <img src="${rst[0].userInfo.userIcon}" class="img-circle" alt="头像" style="border-radius: 50%; height:40px; width:96p;" >
//                <div class="text-center">
//                ${rst[0].userInfo.userName}
// </div>
//                </div>
//         `;
//         temp=`
//                <div class="card mb-4 mt-1" style="height: 160px;width: auto">
//             <div class="m-auto d-flex" style="height:96px;width: 80%">
//                 <div class="mr-5" style="width: 96px;height: auto">
//                     <img class="img-circle" src="https://cdn.acwing.com/media/user/profile/photo/11531_sm_ef1b0ba0de.jpg" alt="头像" style="border-radius: 50%; height:100%; width:100%;" th:src="${rst[0].userInfo.userIcon}">
//                 </div>
//                 <div style="height: auto;">
//                     <div style="height: 30px">
//                         <h2 class=""th:text="${rst[0].userInfo.userName}">userName</h2>
//                     </div>
//                 </div>
//             </div>
//         </div>
//         `
//         ;
//         jQuery("#write").html(temp);
        for (let i = 0; i < rst.length; i++) {
            let u = rst[i];
            let blogInfo2 = {
                "blogId":u.blogId,
                "blogTitle":u.blogTitle
            }
        //     trs += `        <div class="first all">
        //     <div class="panel-body">
        //         <div class="index-title">
        //         <div  class="col-1 checkone" >
        //         <input class="ids"type="checkbox" name="ids${i}" value="${u.blogId}">
        //         </div>
        //             <div class="title text-center text col-11" >
        //                 <a href="/demo/blog/${u.blogId}" class="header-title text">${u.blogTitle}</a>
        //             </div>
        //             <hr style="margin: 0 0 10px 0;">
        //             <div class="file-content content hidden" style="min-height:80px">
        //         </div>
        //         </div>
        //         <div class="highpower" style="text-align: right;display: inline-block;width: 100%;">
        //             <a href="#" class="col-4" style="text-decoration: none" onclick='showok(${JSON.stringify(blogInfo2)})'>删除 </a>
        //             <a href="/demo/write/${u.blogId}" class="col-4" style="text-decoration: none">编辑 </a>
        //             <a href="/demo/blog/${u.blogId}" class="col-4" style="text-decoration: none">浏览</a>
        //         </div>
        //         <hr style="margin: 10px 0 0 0;">
        //     </div>
        // </div>
        //   `;
            let time = u.createDate
            let pattern = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/;
            var createTime = time.replace(pattern, '$1/$2/$3');
            trs +=`
             <tr>
                <td class="highpower"><input class="ids" type="checkbox" name="ids${i}" value="${u.blogId}"></td>
                <td style="word-break:break-all; word-wrap:break-word;">
                     <a href="/demo/blog/${u.blogId}" >${u.blogTitle}</a>
                     </td>
                <td>${createTime}</td>
                <td class="highpower"><a href="#" style="text-decoration: none;padding-left: 15px" onclick='showok(${JSON.stringify(blogInfo2)})'>删除</a></td>
                <td class="highpower"><a href="/demo/write/${u.blogId}">编辑</a>
            </tr>
            `;
        }
        if (trs.length == 0) {
            trs = `
                            <tr><td>没有数据</td></tr>
                    `;
            document.getElementById('btndel').setAttribute("disabled",true);
        }
        //把数据添加到tbody中
        jQuery("#adc").html(trs);
        if(content!=masterId) {
            // var traget = document.getElementsByClassName("highpower");
            $(".highpower").css("display", "none");
            // $("#btndel").css("display","none");
            // $("#hid").css("display","none");
            // $(".checkone").css("display","none");
        }
    })
});

function showok(user){
    jQuery("#editblogId").val(user.blogId);
    jQuery("#editblogTitle").html(user.blogTitle);
    jQuery("#editModal").modal("show");
}

function del(){
    let form=jQuery("#editform").serialize();
    // alert(form);
    let blogId="${form.blogId}";
    jQuery.post("/demo/delete/blog",form,function (rst) {

        if(rst>0)
        {

            jQuery("#editModal").modal("hide");
            alert("删除成功");
            window.location.reload();
        }
        else{
            alert("删除失败");
            window.location.reload();
        }
    })
}
// function delshow()
// {
//     jQuery("#suredel").modal("show");
// }

function buttondel()
{
    let form=jQuery("#allform").serialize();
    // alert("started")
    if(confirm('是否删除所选博客？')) {
    jQuery.post("/demo/delete/blog",form,function(rst) {
        // alert(rst)
        if(rst != 0){
            alert("删除成功");
            window.location.reload();
        }
        else
        {
            alert("删除失败");
        }
    })}
}

function selectall(f)
{
    jQuery("input[class='ids']").prop("checked",f);
}


// function display() {
//     // var traget = document.getElementsByClassName(id);
//     //     // if (traget.style.display == "none") {
//     //     //     traget.style.display = "";
//     //     // }
//     $(".panel-body").children(".hid").css("display", "");
//     // } else {
//     //     traget.style.display = "none";
//     // }
// }